<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Construct - Constructuion and Builder HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="static/css/bootstrap-5.0.0-beta1.min.css">
<link rel="stylesheet" href="static/css/LineIcons.2.0.css">
<link rel="stylesheet" href="static/css/tiny-slider.css">
<link rel="stylesheet" href="static/css/animate.css">
<link rel="stylesheet" href="static/css/main.css">
</head>
<body>


<div class="preloader">
<div class="loader">
<div class="spinner">
<div class="spinner-container">
<div class="spinner-rotator">
<div class="spinner-left">
<div class="spinner-circle"></div>
</div>
<div class="spinner-right">
<div class="spinner-circle"></div>
</div>
</div>
</div>
</div>
</div>
</div>


<header class="header">
<div class="navbar-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="">

</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul id="nav" class="navbar-nav ms-auto">
<li class="nav-item">
<a class="page-scroll active" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#process">About</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#gellary">Gellary</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>

</nav>

</div>
</div>

</div>

</div>

</header>


<section id="home" class="hero-area img-bg">
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-8">
<div class="hero-content">
<h1>Build Your Dream Luxery <span>Home</span></h1>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sediam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
</p>
<a href="javascript:void(0)" class="main-btn btn-hover">Learn More</a>
</div>
</div>
</div>
</div>
</section>


<section id="about" class="about-section">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-10">
<div class="left-wrapper">
<h1> <span>15 </span> Years Working
Experiance</h1>
<div class="left-img">
<img src="static/picture/about-img.jpg" alt="">
</div>
</div>
</div>
<div class="col-xl-6 col-lg-10">
<div class="right-wrapper">
<div class="section-title">
<h1> About Us <span></span></h1>
<h2 class="pb-15">Committed to Superior
Quality and Results.</h2>
<p class="mb-30">Lorem ipsum dolor sit amet, consetetur sadipscing elitsed diam nonumy eirmod tempor invidunt ut labore et dolore accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctuest Lorem ipsum dolor sit amet. Lorem ipsum dolor amet, consetetur sadipscing elitr, sed diam nonumy eirtempor.</p>
<a href="javascript:void(0)" class="main-btn btn-hover">Read More</a>
</div>
<div class="counter-up">
<div class="row justify-content-between">
<div class="col-sm-6">
<div class="single-counter">
<h6 id="secondo1" class="countup" cup-end="120" cup-append=" ">120</h6>
<p>Construction Agent</p>
</div>
</div>
<div class="col-sm-6">
<div class="single-counter">
<h6 id="secondo2" class="countup" cup-end="120" cup-append="k">120</h6>
<p>Created House</p>
</div>
</div>
<div class="col-sm-6">
<div class="single-counter">
<h6 id="secondo3" class="countup" cup-end="220" cup-append=" ">220</h6>
<p>Our Workers</p>
</div>
</div>
<div class="col-sm-6">
<div class="single-counter">
<h6 id="secondo4" class="countup" cup-end="20" cup-append="k">20</h6>
<p>Project Continue</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="process" class="process-section pt-120">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-7 col-md-10">
<div class="section-title text-center mb-60">
<h1>Process <span></span></h1>
<h2>See Our Design Process</h2>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-8 col-sm-10">
<div class="single-process">
<div class="icon">
<i class="lni lni-thought"></i>
</div>
<div class="content">
<h3>Response Your Dream</h3>
<p>Stad sadipscing elitsed diam nonu eirmod Luxery tempor desr redr eryu sewa ghtr invidunt ut labore</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-8 col-sm-10">
<div class="single-process">
<div class="icon">
<i class="lni lni-ruler-pencil"></i>
 </div>
<div class="content">
<h3>Wireframing</h3>
<p>Consetetur Stad sadipscing elitsed diam nonu eirmod gtihy der Luxery tempor invidunt ut labore</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-8 col-sm-10">
<div class="single-process">
<div class="icon">
<i class="lni lni-bricks"></i>
</div>
<div class="content">
<h3>Start Working</h3>
<p>Lorem ipsum dolor sit ame consetetur elitsed diam nonu ama eirmod Luxery tempor invidunt ut labore</p>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="services" class="service-section pt-100 pb-70 mt-100">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-10">
<div class="section-title text-center mb-60">
<h1>Services <span></span></h1>
<h2>We Build Strong and
Brands Services</h2>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-service">
<div class="image">
<img src="static/picture/service-1.jpg" alt="">
</div>
<div class="content">
<h4>
<a href="javascript:void(0)">We Build Strong and
Brands Services</a>
</h4>
<p>Lorem ipsum dolor sit aconsetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
<a href="javascript:void(0)">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-service">
<div class="image">
<img src="static/picture/service-2.jpg" alt="">
</div>
<div class="content">
<h4>
<a href="javascript:void(0)">We Build Strong and
Brands Services</a>
</h4>
<p>Lorem ipsum dolor sit aconsetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
<a href="javascript:void(0)">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-service">
<div class="image">
<img src="static/picture/service-3.jpg" alt="">
</div>
<div class="content">
<h4>
<a href="javascript:void(0)">We Build Strong and
Brands Services</a>
</h4>
<p>Lorem ipsum dolor sit aconsetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
<a href="javascript:void(0)">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-service">
<div class="image">
<img src="static/picture/service-4.jpg" alt="">
</div>
<div class="content">
<h4>
<a href="javascript:void(0)">We Build Strong and
Brands Services</a>
</h4>
<p>Lorem ipsum dolor sit aconsetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
<a href="javascript:void(0)">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-service">
<div class="image">
<img src="static/picture/service-5.jpg" alt="">
</div>
<div class="content">
<h4>
<a href="javascript:void(0)">We Build Strong and
Brands Services</a>
</h4>
<p>Lorem ipsum dolor sit aconsetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
<a href="javascript:void(0)">Read More</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="single-service">
<div class="image">
<img src="static/picture/service-6.jpg" alt="">
</div>
 <div class="content">
<h4>
<a href="javascript:void(0)">We Build Strong and
Brands Services</a>
</h4>
<p>Lorem ipsum dolor sit aconsetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
<a href="javascript:void(0)">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="cta-section pt-100 mt-120">
<div class="container">
<div class="col-lg-8 col-xl-7">
<div class="cta-content">
<div class="section-title">
<h1>Construction <span></span></h1>
<h2 class="mb-40">We Provide Construction
to Complex Problems.</h2>
<p class="mb-30">Lorem ipsum dolor sit amet, consetetur sadipscing elitsed diam nonumy eirmod tempor invidunt ut labore et dolore accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata.</p>
<a href="javascript:void(0)" class="main-btn btn-hover">Contact Now</a>
</div>
</div>
</div>
</div>
<div class="cta-image">
<img src="static/picture/cta-img.jpg" alt="">
</div>
</section>


<section id="gellary" class="projects-section pt-140">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="section-title text-center mb-60">
<h1>Project <span></span></h1>
<h2>See Our Latest <br> Projects</h2>
</div>
</div>
</div>
</div>
<div class="projects-wrapper">
<div class="row">
<div class="col-xl-3 col-lg-6 col-md-6 col-sm-8">
<div class="single-project">
<div class="image">
<a href="#0" class="d-block">
<img src="static/picture/project-1.jpg" alt="">
</a>
</div>
<div class="content">
<h4 class="mb-15">
<a href="javascript:void(0)">We Build Strong and Brands</a>
</h4>
<p>Lorem ipsum dolor sit aconset sadipscing
diam nonumy eirmod tempor.</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-sm-8">
<div class="single-project">
<div class="image">
<a href="#0" class="d-block">
<img src="static/picture/project-2.jpg" alt="">
</a>
</div>
<div class="content">
<h4 class="mb-15">
<a href="javascript:void(0)">We Build Strong and Brands</a>
</h4>
<p>Lorem ipsum dolor sit aconset sadipscing
diam nonumy eirmod tempor.</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-sm-8">
<div class="single-project">
<div class="image">
<a href="#0" class="d-block">
<img src="static/picture/project-3.jpg" alt="">
</a>
</div>
<div class="content">
<h4 class="mb-15">
<a href="javascript:void(0)">We Build Strong and Brands</a>
</h4>
<p>Lorem ipsum dolor sit aconset sadipscing
diam nonumy eirmod tempor.</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 col-sm-8">
<div class="single-project">
<div class="image">
<a href="#0" class="d-block">
<img src="static/picture/project-4.jpg" alt="">
</a>
</div>
<div class="content">
<h4 class="mb-15">
<a href="javascript:void(0)">We Build Strong and Brands</a>
</h4>
<p>Lorem ipsum dolor sit aconset sadipscing
diam nonumy eirmod tempor.</p>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="testimonial-section img-bg pt-100 pb-100 mt-100">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="section-title mb-60 text-center">
<h1>Client<span></span></h1>
<h2 class="text-white">Happy Customer Says</h2>
</div>
</div>
</div>
</div>
<div class="testimonial-active-wrapper">
<div class="row testimonial-active">
<div class="col-lg-4">
<div class="single-testimonial">
<div class="quote">
<i class="lni lni-quotation"></i>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing Ends elitrfg sediam nonumy eirmod tempor invidunt ueweyt labore et dolore magna aliquyam erat.</p>
</div>
<div class="info">
<div class="image">
<img src="static/picture/testimonial-1.jpg" alt="">
</div>
<div class="text">
<h5>Nelson Mundsh</h5>
<span>Businessman</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-testimonial">
<div class="quote">
<i class="lni lni-quotation"></i>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing Ends elitrfg sediam nonumy eirmod tempor invidunt ueweyt labore et dolore magna aliquyam erat.</p>
</div>
<div class="info">
<div class="image">
<img src="static/picture/testimonial-2.jpg" alt="">
</div>
<div class="text">
<h5>Dr. Adam Smith</h5>
<span>Doctor</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-testimonial">
<div class="quote">
<i class="lni lni-quotation"></i>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing Ends elitrfg sediam nonumy eirmod tempor invidunt ueweyt labore et dolore magna aliquyam erat.</p>
</div>
<div class="info">
<div class="image">
<img src="static/picture/testimonial-3.jpg" alt="">
</div>
<div class="text">
<h5>John Doe</h5>
<span>Lowyer</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="single-testimonial">
<div class="quote">
<i class="lni lni-quotation"></i>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing Ends elitrfg sediam nonumy eirmod tempor invidunt ueweyt labore et dolore magna aliquyam erat.</p>
</div>
<div class="info">
<div class="image">
<img src="static/picture/testimonial-1.jpg" alt="">
</div>
<div class="text">
<h5>Michel John</h5>
<span>Businessman</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="blog" class="blog-section pt-130">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="section-title mb-60 text-center">
<h1>Blog <span></span></h1>
<h2>Latest Blog Post</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8">
<div class="single-blog blog-left">
<div class="image">
<a href="javascript:void(0)">
<img src="static/picture/blog-1.jpg" alt="">
</a>
</div>
<div class="content">
<h2>
<a href="javascript:void(0)">We Provide Construction to
Complex Problems.</a>
</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitsed diam nonumy eirmod tempor invidunt ut labore et dolore accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="row">
<div class="col-12 col-md-6 col-lg-12">
<div class="single-blog">
<div class="image">
<a href="javascript:void(0)">
<img src="static/picture/blog-2.jpg" alt="">
</a>
</div>
<div class="content">
<h4>
<a href="javascript:void(0)">We Provide Construction </a>
</h4>
<p>Lorem ipsum dolor sit amet, cons dipscing elitsed diam nonumy eirmod temp invidunt ut labore et dolore...</p>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-12">
<div class="single-blog">
<div class="image">
<a href="javascript:void(0)">
<img src="static/picture/blog-2.jpg" alt="">
</a>
</div>
<div class="content">
<h4>
<a href="javascript:void(0)">We Provide Construction </a>
</h4>
<p>Lorem ipsum dolor sit amet, cons dipscing elitsed diam nonumy eirmod temp invidunt ut labore et dolore...</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="contact" class="contact-section pt-100 pb-100 mt-100">
<div class="container">
<div class="row">
<div class="col-lg-7">
<div class="section-title mb-60">
<h1 class="mb-15">Contact <span></span> </h1>
<h2 class="mb-0">Get In Touch</h2>
</div>
<form action="assets/php/contact.php" method="POST" id="contact-form" class="contact-form">
<div class="row">
<div class="col-md-6">
<div class="single-form">
<input type="text" class="form-input" id="name" name="name" placeholder="Name">
</div>
</div>
<div class="col-md-6">
<div class="single-form">
<input type="email" class="form-input" id="email" name="email" placeholder="Email">
</div>
</div>
<div class="col-md-6">
<div class="single-form">
<input type="text" class="form-input" id="number" name="number" placeholder="Number">
</div>
</div>
<div class="col-md-6">
<div class="single-form">
<input type="text" class="form-input" id="subject" name="subject" placeholder="Subject">
</div>
</div>
<div class="col-12">
<div class="single-form">
<textarea name="message" id="message" class="form-input" id="message" rows="5" placeholder="Message"></textarea>
</div>
</div>
<div class="col-12">
<div class="submit-btn">
<button class="main-btn btn-hover" type="submit">Submit</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="contact-image">
<img src="static/picture/contact-img.jpg" alt="">
</div>
</section>


<section class="partners-section pt-120 pb-120">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="section-title text-center mb-60">
<h1> Partners <span></span></h1>
<h2>Our Valuable Partners</h2>
</div>
</div>
</div>
<div class="partners-active-wrapper">
<div class="partners-active">
<div class="single-partner">
<img src="static/picture/partner-1.png" alt="">
</div>
<div class="single-partner">
<img src="static/picture/partner-2.png" alt="">
</div>
<div class="single-partner">
<img src="static/picture/partner-3.png" alt="">
</div>
<div class="single-partner">
<img src="static/picture/partner-4.png" alt="">
</div>
<div class="single-partner">
<img src="static/picture/partner-5.png" alt="">
</div>
</div>
</div>
</div>
</section>


<footer class="footer">
<div class="map-img">
<img src="static/picture/map-bg.svg" alt="">
</div>
<div class="container">
<div class="widget-area mb-20">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="footer-widget mb-40 wow fadeInLeft" data-wow-delay=".2s">
<a href="" class="logo d-blok mb-35">
<img src="static/picture/logo.svg" alt="">
</a>
<p class="footer-desc">
Lorem ipsum dolor sit consetetur sadipscing elitr, sed diamnonumy eirmod tempor inidunt ut labore etserfdr dolore.
</p>
<div class="footer-social-links">
<ul>
<li>
<a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i>
</a>
</li>
<li>
<a href="javascript:void(0)"><i class="lni lni-twitter-filled"></i>
</a>
</li>
<li>
<a href="javascript:void(0)"><i class="lni lni-instagram-filled"></i>
</a>
</li>
<li>
<a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-6 col-6">
<div class="footer-widget mb-40 wow fadeInUp" data-wow-delay=".4s">
<h4>Company</h4>
<div class="footer-links">
<ul>
<li><a href="javascript:void(0)">Home</a></li>
<li><a href="javascript:void(0)">About</a></li>
<li><a href="javascript:void(0)">Service</a></li>
<li><a href="javascript:void(0)">Gellary</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-6 col-6">
<div class="footer-widget mb-40 wow fadeInUp" data-wow-delay=".4s">
<h4>Support</h4>
<div class="footer-links">
<ul>
<li><a href="javascript:void(0)">Terms</a></li>
<li><a href="javascript:void(0)">Condition</a></li>
<li><a href="javascript:void(0)">Privacy</a></li>
<li><a href="javascript:void(0)">Policy</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="footer-widget mb-40 wow fadeInRight" data-wow-delay=".8s">
<h4>Contact Info</h4>
<div class="footer-links">
<ul>
<li class="mb-10">
<p>
Phone: +009273637253
</p>
</li>
<li class="mb-10">
<p>
Email: <a href="email-protection.html" class="__cf_email__" data-cfemail="a2cac7cececdcfc3cbcee2c5cfc3cbce8cc1cdcf">[email&#160;protected]</a>
</p>
</li>
<li>
<p>
Location: House 123, <br>
United State Of America
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-area wow fadeInUp" data-wow-delay=".2s">
<p class="mb-0 text-center">
Copyright &copy; 2022.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
</p>
</div>
</div>
</footer>


<a href="#" class="scroll-top btn-hover">
<i class="lni lni-chevron-up"></i>
</a>

<script data-cfasync="false" src="static/js/email-decode.min.js"></script><script src="static/js/bootstrap-5.0.0-beta1.min.js"></script>
<script src="static/js/tiny-slider.js"></script>
<script src="static/js/contact-form.js"></script>
<script src="static/js/count-up.min.js"></script>
<script src="static/js/wow.min.js"></script>
<script src="static/js/main.js"></script>
</body>
</html>